<script setup lang="ts">
const menus = [
  {
    label: 'Overview',
    icon: 'i-heroicons-chart-pie',
    to: '/materials/overview',
  },
  {
    label: 'Times',
    icon: 'i-heroicons-clock',
    to: '/materials/times',
  },
  {
    label: 'Mailboxes',
    icon: 'i-heroicons-clipboard-document-list',
    to: '/materials/mailbox-maintain',
  },
  {
    label: 'Addresses',
    icon: 'i-heroicons-book-open',
    to: '/materials/address-book',
  },
]

// for (let i = 0; i < 20; i++) {
//   menus.push({
//     label: `Test Menu ${i}`,
//     icon: 'i-heroicons-face-smile',
//     to: '',
//   })
// }
</script>

<template>
  <div>
    <div class="flex flex-row">
      <MyAsideMenu :links="menus" />
      <NuxtPage />
    </div>
    <MyFooter />
  </div>
</template>
